<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" type="text/css" href="./css/main.css">
	<title>Document</title>
</head>
<body>
	<header>
		<div class="nav">
			<a href=""><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e2/World_Animal_Protection_logo.svg/250px-World_Animal_Protection_logo.svg.png" alt=""></a>
			<a href="./index.html">首页</a>
			<a href="#">濒危动物</a>
			<a href="#">在线募捐</a>
			<a href="#">最新资讯</a>
			<a href="#">动物图库</a>
			<a href="./register.html" class="active">加入志愿者</a>
			<a href="./info.html">流浪动物基地</a>
		</div>
	</header>
	<banner class="bannner-img">
		<img src="http://nhacuapin.com/wp-content/uploads/2018/02/dogtagsforpets.png.jpeg" style="margin:0px auto;display: block;" alt="">
		
			<p class="thanks">感谢您的加入</p>
			<!-- <p style="letter-spacing:-3px;text-align: center">Animal Protection</p> -->
	</banner>
	<form action="" class="myform">
  		<div class="row">
  		  <div class="col-15">
  		    <label for="name">姓名：</label>
  		  </div>
  		  <div class="col-75">
  		    <input type="text" name="name" placeholder="你的姓名..">
  		  </div>
  		</div>
		 <div class="row">
		   <div class="col-15">
		     <label for="phone">联系方式：</label>
		   </div>
		   <div class="col-75">
		     <input type="text" name="phone" placeholder="你的电话..">
		   </div>
		 </div>
 		 <div class="row">
 		   <div class="col-15">
 		     <label for="country">邮箱地址:</label>
 		   </div>
 		   <div class="col-75">
 		     <input type="email" name="mail" placeholder="你的邮箱地址..">
 		   </div>
 		 </div>
 		 <div class="row">
 		   <div class="col-15">
 		     <label for="subject">自我介绍：</label>
 		   </div>
 		   <div class="col-75">
    	  <textarea id="subject" name="subject" placeholder="说说为什么想加入我们吧.." style="height:17vh"></textarea>
  		  </div>
 		 </div>
 		 <input type="button" value="确定">
  </form>
</body>
</html>